<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es_ES" lang="es_ES" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	
		<title>Conecta con tus marcas favoritas y accede a regalos y ofertas exclusivas</title>
	
		<meta name="author" content="Runroom http://www.runroom.com" />
		<meta name="language" content="es_ES" />
		<meta http-equiv="content-style-type" content="text/css" />
		<meta http-equiv="content-script-type" content="text/javascript" />
		<meta name="robots" content="index,follow" />
		<meta name="keywords" content="" />
		<meta name="description" content="" />

		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

		<!-- hojas de estilo //-->
		<link media="all" rel="stylesheet" href="css/styles.css" />
		<link media="all" rel="stylesheet" href="css/custom.css" />
		<link media="all" rel="stylesheet" href="css/qp-v3.css" />

		<!-- conditional comment: CSS para Explorer 7 y menor //-->
			<!--[if lte IE 7]>
				<link rel="stylesheet" href="css/ie7menos.css" />
			<![endif]-->
	
		<!-- incluir scripts //-->
		<script type="text/javascript" src="js/jquery.tools.min.js"></script>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
		<script type="text/javascript" src="js/jquery.periodicalupdater.js"></script>
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=ABQIAAAAzClpJywkGASi3cdCCxdvnBRyVQWqmkHGDTi57WK1YtyDytrQIhQNeQ5HGi7cnaGyd90vRPydCOgxrA&amp;sensor=false&amp;language=es_ES&amp;v=3.1&amp;region=ES"></script>
		<script type="text/javascript" src="js/json2.js"></script>
		<script type="text/javascript" src="js/jquery.cookie.js"></script>
		<script type="text/javascript" src="js/bootstrap.js"></script>
		<script type="text/javascript" src="js/jquery.flip.min.js"></script>
		<script type="text/javascript" src="js/jquery.countdown.js"></script>
		<script type="text/javascript" src="js/jquery.countdown-es_ES.js"></script>
		<script type="text/javascript" src="js/jquery.scrollTo-min.js"></script>
		<script type="text/javascript" src="js/jquery.localscroll-min.js"></script>
		<script type="text/javascript" src="js/localscroll.js"></script>
		<script type="text/javascript" src="js/jquery.curvycorners.min.js"></script>
		<script type="text/javascript" src="js/qp_tabs.js"></script>
		<!-- end incluir scripts //-->

	<script type="text/javascript" charset="utf-8">
		// <![CDATA[

//	Combo ciudades
		var qpon_ciudades = [{'nombre'  : "Barcelona",'latitude'  : "41.398758",'longitude'  : "2.143336"},{'nombre'  : "Madrid",'latitude'  : "40.424690",'longitude'  : "-3.712069"},{'nombre'  : "Valencia",'latitude'  : "39.470444",'longitude'  : "-0.376815"},{'nombre'  : "Sevilla",'latitude'  : "37.392757",'longitude'  : "-5.995021"},{'nombre'  : "Zaragoza",'latitude'  : "41.671776",'longitude'  : "-0.890133"},{'nombre'  : "Salamanca",'latitude'  : "40.963066",'longitude'  : "-5.665356"},{'nombre'  : "Valladolid",'latitude'  : "41.653107",'longitude'  : "-4.728776"},{'nombre'  : "Burgos",'latitude'  : "42.346268",'longitude'  : "-3.710512"},{'nombre'  : "Badajoz",'latitude'  : "38.872391",'longitude'  : "-6.976606"},{'nombre'  : "Alicante",'latitude'  : "38.345890",'longitude'  : "-0.479730"},{'nombre'  : "Segovia",'latitude'  : "40.947174",'longitude'  : "-4.118953"},{'nombre'  : "Malaga",'latitude'  : "36.719501",'longitude'  : "-4.421596"},{'nombre'  : "Albacete",'latitude'  : "39.013168",'longitude'  : "-1.949021"},{'nombre'  : "Murcia",'latitude'  : "37.992893",'longitude'  : "-1.131704"},{'nombre'  : "Jerez",'latitude'  : "36.698227",'longitude'  : "-6.107645"},{'nombre'  : "Badalona",'latitude'  : "41.447533",'longitude'  : "2.245448"},{'nombre'  : "Benidorm",'latitude'  : "38.535862",'longitude'  : "-0.124703"},{'nombre'  : "Gandia",'latitude'  : "38.974422",'longitude'  : "-0.139964"},{'nombre'  : "Tarragona",'latitude'  : "41.117130",'longitude'  : "1.239777"},{'nombre'  : "Caceres",'latitude'  : "39.503532",'longitude'  : "-6.421432"},{'nombre'  : "Torrevieja",'latitude'  : "37.974728",'longitude'  : "-0.678279"},{'nombre'  : "Cartagena",'latitude'  : "37.654991",'longitude'  : "-0.718993"},{'nombre'  : "Basella",'latitude'  : "42.010452",'longitude'  : "1.385516"},{'nombre'  : "Majadahonda",'latitude'  : "40.473190",'longitude'  : "-3.880803"},{'nombre'  : "Camas",'latitude'  : "37.393894",'longitude'  : "-6.033448"},{'nombre'  : "La Roca",'latitude'  : "41.588417",'longitude'  : "2.348728"},{'nombre'  : "Xativa",'latitude'  : "38.997234",'longitude'  : "-0.522431"},{'nombre'  : "Mataro",'latitude'  : "41.558453",'longitude'  : "2.480085"},{'nombre'  : "Cordoba",'latitude'  : "37.878078",'longitude'  : "-4.765368"},{'nombre'  : "CastellÓN",'latitude'  : "39.982704",'longitude'  : "-0.035818"},{'nombre'  : "San Javier",'latitude'  : "37.816414",'longitude'  : "-0.838925"},{'nombre'  : "Salt",'latitude'  : "41.970306",'longitude'  : "2.782961"},{'nombre'  : "Rivasvacia-Madrid",'latitude'  : "40.338463",'longitude'  : "-3.534992"},{'nombre'  : "Fuengirola",'latitude'  : "36.540257",'longitude'  : "-4.620195"},{'nombre'  : "Talavera De La Reina",'latitude'  : "39.962917",'longitude'  : "-4.830140"},{'nombre'  : "St Boi De Llobregat",'latitude'  : "41.332775",'longitude'  : "2.056716"},{'nombre'  : "San Sebastian De Los Reyes",'latitude'  : "40.542068",'longitude'  : "-3.614259"},{'nombre'  : "Manresa",'latitude'  : "41.728210",'longitude'  : "1.849983"},{'nombre'  : "Pulianas",'latitude'  : "37.213947",'longitude'  : "-3.615233"},{'nombre'  : "Aldaia",'latitude'  : "39.502987",'longitude'  : "-0.443944"},{'nombre'  : "Oviedo",'latitude'  : "43.367500",'longitude'  : "-5.837222"},{'nombre'  : "Puigcerda",'latitude'  : "42.431877",'longitude'  : "1.927213"},{'nombre'  : "Torrejon",'latitude'  : "40.471569",'longitude'  : "-3.449835"},{'nombre'  : "San Sebastian",'latitude'  : "43.325500",'longitude'  : "-1.989376"},{'nombre'  : "Toledo",'latitude'  : "39.864483",'longitude'  : "-3.949355"},{'nombre'  : "Castelldefels",'latitude'  : "41.279060",'longitude'  : "1.973474"},{'nombre'  : "Xirivella",'latitude'  : "39.463718",'longitude'  : "-0.376946"},{'nombre'  : "Pamplona",'latitude'  : "42.813591",'longitude'  : "-1.642872"},{'nombre'  : "Barbera",'latitude'  : "41.516422",'longitude'  : "2.140114"},{'nombre'  : "Sierranevada",'latitude'  : "37.177361",'longitude'  : "-3.615281"},{'nombre'  : "Sta Marta De Tormes",'latitude'  : "40.950466",'longitude'  : "-5.622139"},{'nombre'  : "Alzira",'latitude'  : "39.143269",'longitude'  : "-0.403094"},{'nombre'  : "La Calzada",'latitude'  : "43.537144",'longitude'  : "-5.696293"},{'nombre'  : "Figueres",'latitude'  : "42.272034",'longitude'  : "2.962559"},{'nombre'  : "Leganes",'latitude'  : "40.340042",'longitude'  : "-3.731450"},{'nombre'  : "Irun",'latitude'  : "43.305958",'longitude'  : "-1.783097"},{'nombre'  : "L'hospitalet",'latitude'  : "41.349117",'longitude'  : "2.122931"},{'nombre'  : "Carcaixent",'latitude'  : "39.101562",'longitude'  : "-0.421944"},{'nombre'  : "Pola De Siero",'latitude'  : "43.426476",'longitude'  : "-5.740514"},{'nombre'  : "Roses",'latitude'  : "42.263412",'longitude'  : "3.181852"},{'nombre'  : "Huarte",'latitude'  : "42.830902",'longitude'  : "-1.586272"},{'nombre'  : "PeÑAcastillo",'latitude'  : "43.443157",'longitude'  : "-3.850262"},{'nombre'  : "Salou",'latitude'  : "41.073624",'longitude'  : "1.143181"},{'nombre'  : "Getafe",'latitude'  : "40.301785",'longitude'  : "-3.672465"},{'nombre'  : "Marbella",'latitude'  : "36.503941",'longitude'  : "-4.758804"},{'nombre'  : "Leon",'latitude'  : "42.598316",'longitude'  : "-5.569482"},{'nombre'  : "Abrera",'latitude'  : "41.515305",'longitude'  : "1.919695"},{'nombre'  : "Vic",'latitude'  : "41.926727",'longitude'  : "2.247040"},{'nombre'  : "Almeria",'latitude'  : "36.829929",'longitude'  : "-2.446009"},{'nombre'  : "Cordovilla",'latitude'  : "42.744389",'longitude'  : "-1.666352"},{'nombre'  : "Ondara",'latitude'  : "38.825775",'longitude'  : "0.013991"},{'nombre'  : "Santander",'latitude'  : "43.445457",'longitude'  : "-3.879057"},{'nombre'  : "Cambrils",'latitude'  : "41.085205",'longitude'  : "1.029892"},{'nombre'  : "Alcobendas",'latitude'  : "40.532475",'longitude'  : "-3.655608"},{'nombre'  : "Rincon De La Victoria",'latitude'  : "36.765179",'longitude'  : "-4.258974"},{'nombre'  : "Avila",'latitude'  : "40.410362",'longitude'  : "-4.782189"},{'nombre'  : "Paterna",'latitude'  : "39.532112",'longitude'  : "-0.454954"},{'nombre'  : "Vigo",'latitude'  : "42.231266",'longitude'  : "-8.723340"},{'nombre'  : "Sitges",'latitude'  : "41.235352",'longitude'  : "1.822916"},{'nombre'  : "Roquetas De Mar",'latitude'  : "36.870373",'longitude'  : "-2.657442"}];
		var maxCities = 10;
		var texto_mas_ciudades =  "otras ciudades";

//	abrir ventana modal
		function abrirModal(id){
			$('#trama').fadeIn('fast');
			$('#ventana_modal_'+id).fadeIn('slow');
			}
//	cerrar ventana modal
		function cerrarModal(){
			$('#trama').fadeOut('slow');
			$('.ventana_modal').fadeOut('slow');
		}
//	abrir o cerrar "más info" slide
//	abrir / cerrar div.lamasinfo y anadir/quitar class "open" al/del enlace (a)
		function toggleInfo(id) {
			$('#info_'+id).slideToggle('fast');
			$('#anchor_info_'+id).toggleClass('open');
				if ($('#anchor_info_'+id).attr('class') == 'open') {
					$('#anchor_info_'+id).html('cerrar');
					}
				if ($('#anchor_info_'+id).attr('class') == '') {
					$('#anchor_info_'+id).html('ver más');
					}
			}
//	abrir ventanita "detalles"
//	abrir detalles de cosas disponibles etc
		function verdetalles(id) {
			$('.detalles').fadeOut('fast');
			$('.disponible').removeClass('clicked');
			$('.trigger').removeClass('clicked');
			$('#detalles_'+id).slideToggle('fast');
			$('#det_trigger_'+id).toggleClass('clicked');
			}

// funciones que se llaman cuando esta cargada la pagina
		$(document).ready(function () {

//	Selector de ciudad ______________________________________________________
		if (qpon_ciudades && qpon_ciudades != '') {
			$('#location_selector_ciudad').focus(function(){
				$(this).val( "" );
			});
	//	crea accion sobre cambiar.
			$('#location_selector_ciudad_cambiar').click(function(){
				$("#location_selector_ciudad").focus();
				$("#location_selector_ciudad").autocomplete( "search" , "%%" );
			});		
			$("#location_selector_ciudad").autocomplete({
				minChars: 0,
				minLength:0,
				max: 12,
				autoFill: false,
				mustMatch: false,
				selectFirst: false,
				matchContains: true,
				scroll: false,
				scrollHeight: 220,
				source: function(req, responseFn) {
	//		esto es el caso en que clicko en cambiar
				if(req.term == "%%"){
				//	aqui estoy recogiendo solo las primeras 10 ciudades.
						var results = qpon_ciudades.slice(0).splice(0,maxCities);
				//	añado el Último elemento como hint
						results.push({nombre:texto_mas_ciudades,kind:"hint"});
						responseFn($.map(results, function(item) {
				//	esta función es la que transforma el item del array en objeto
						var item_data = item; // .split("#");
						return {
							label:  item_data['nombre'],
							value: item_data['nombre'],
							longitude: item_data['longitude'],
							latitude: item_data['latitude'],
							kind: item_data['kind']
						}
					}));
					return;
					}	  
				},
				select: function(value, data){
				if(data.item.kind == "hint"){
					return false;
				}
				return false;
			}
		});
	}
// ------------------------------------------------------------------------------------------





//		cerrar ventanitas emergentes detalles
	//	de cualquier caja
			$(".caja").mouseleave(function() {
				$('.detalles').slideUp('fast');
				$('.disponible').removeClass('clicked');
				});
	//	del slide "como consigo puntos" (lateral)
			$(".navi").mousedown(function() {
				$('.detalles').slideUp('fast');
				$('.disponible').removeClass('clicked');
			});
	//	de promociones conseguidas
			$(".achievements").mouseleave(function() {
				$('.detalles').slideUp('fast');
				$('.trigger').removeClass('clicked');
			});

//		cerrar panel de sharing
	//	de cualquier caja
			$(".caja").mouseleave(function() {
				$(".st-oferta").fadeOut("slow");
			});
	//	de la tarjeta
			$("#tarjeta").mouseleave(function() {
				$("#st-tarjeta").fadeOut("slow");
			});

//		inicializar slide de ofertas destacadas
			$("#chained").scrollable({circular: true, mousewheel: false, keyboard: false}).navigator().autoscroll({
				interval: 5000		
			});				

//		inicializar slide de imagenes dentro de oferta destacada
			$(".scroll").scrollable({ circular: true,speed:1000 }).autoscroll({autoplay: true, interval:10000, api: true});
			$(".scroll").click(function() {
				$(this).data("scrollable").next();		
			});

//		inicializar slide "como consigo puntos" (lateral)
			$("#comoconsigoslide").scrollable({circular: true, mousewheel: false, keyboard: false}).navigator().autoscroll({
				interval: 11000
			});

//		cada boton checkout envía el form.
			$(".checkout_trigger").click(function(){
				$("#form-listings").submit();
			});

//		animacion de la tarjeta
			$("#volver").hide();
			$("#back").hide();
			$("#info").click(function(){
			$("#info").hide();	
				$("#tarjeta").flip({
					direction:'lr',
					onEnd: function(){		
						$("#tarjeta").css('background-color','transparent');
						$("#front").hide();
						$("#back").show();
						$("#volver").show();				
					}
				});
			});
			$("#volver").click(function(){	
			$("#volver").hide();
				$("#tarjeta").flip({
					direction:'rl',
					onEnd: function(){				
						$("#tarjeta").css('background-color','transparent');
						$("#front").show();
						$("#back").hide();
						$("#info").show();
					}
				});
			});

//		cuenta atras (countdown - por defecto será en inglés)
			function prepareDateForCountDown(strDate){
				if(strDate == null||strDate == ""){
					alert("missing date in coupon");
					return;
				}
				var a = strDate.split(" ")[0];
				var b = strDate.split(" ")[1];
				var dp = a.split("-");
				var hp = b.split(":");
				var date = new Date(dp[0], (dp[1] - 1) ,dp[2],hp[0],hp[1],hp[2]);
				return date;
			}
	//	inicializar cuenta atras (countdown - por defecto será en inglés)
			$('#defaultCountdown').countdown({until: prepareDateForCountDown('2010-12-31 00:00:00'), timezone: +1,format:'yowdHMS', significant:3, onTick: highlightLast12h});
			$('#defaultCountdown2').countdown({until: prepareDateForCountDown('2011-02-28 00:00:00'), timezone: +1,format:'yowdHMS', significant:3, onTick: highlightLast12h});
			$('#defaultCountdown3').countdown({until: prepareDateForCountDown('2011-02-28 00:00:00'), timezone: +1,format:'yowdHMS', significant:3, onTick: highlightLast12h});
	//	darle un color alarmante a la cuenta atras cuando esta a punto de acabarse
			function highlightLast12h(periods) {
				if ($.countdown.periodsToSeconds(periods) < 43200) {
					$(this).addClass('highlight');
				}
			}

//		la primera vez si no tenemos localización le lanzamos un popup de introducción de zip_code
			if(console) console.log($.cookie("my-last-zipcode"));
				if(!$.cookie("my-last-zipcode")){
					abrirModal('zipcode');
				}else{
					$.cookie("my-last-zipcode",'',{path:"/"});
				}
			});

	// ]]>
	</script>

	</head>

	<body id="distribution-index">
	<a name="top"></a>

	<div id="fb-root"></div>

	<noscript>
		<div id="aviso_js">
			<p>Lo sentimos, pero esta web sólo funciona con Javascript activado.</p>
		</div>
	</noscript>

<!-- conditional comment: aviso para Explorer 6 y menor //-->
	<!--[if lte IE 6]>
		<div id="aviso_ie">
			<p><strong>Hemos detectado que utilizas Internet Explorer 6</strong>, un navegador obsoleto, con problemas de seguridad y compatibilidad conocidos.</p>
			<p>Recomendamos que actualices tu navegador <a href="http://www.browserchoice.eu">en la web de browserchoice.org, haciendo clic aquí</a></p>
		</div>
	<![endif]-->

		<div class="header">
			<div class="session-links">
				<a title="Accede a tu cuenta Qporama" href="registro">Inicia sessión</a>
				<a title="Crea una cuenta Qporama" href="registro">Regístrate</a>
			</div> <!-- / .social-links -->	
			
			<div class="social-links">
				<a title="Visita la página Facebook de Qporama" class="facebook" href="facebook"><span>facebook</span></a>
				<a title="Visita la página Twitter de Qporama" class="twitter" href="twitter"><span>twitter</span></a>
			</div> <!-- / .social-links -->	
	
	
			<h2 class="logo_claim">
				<a class="logo" name="top" title="volver a la página de inicio" href="index.html">
					<span class="hidden">Qporama: Conecta con tus marcas favoritas y accede a regalos y ofertas exclusivas</span>
				</a>
			</h2>
			<h1 class="claim">
				Conecta con tus <strong>marcas</strong> favoritas y <br />accede a <strong>regalos</strong> y ofertas <strong>exclusivas</strong>
			</h1>
		</div> <!-- / .header -->
	
		<div class="fondo-pagina" style="background: url(css/css_images/fondo-home-beige.jpg);">
			<div class="gradient">&nbsp;</div>
		</div>

		<div class="buscar">
			<form action="#" method="get">
				<p class="fondo-input-buscar l"><input type="text" id="buscar" value="Busca un negocio o una oferta" /></p>

				<ul class="fondo-select selecciona-categoria">
					<li class="catselector-link" onclick="$('#CatSelector').slideToggle('fast');">Selecciona una categoría
						<ul id="CatSelector">
							<li><a title="Moda y Complementos" href="#">Comer y beber</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
						</ul>
					</li>
				</ul>

				<p class="fondo-select l" style="position: relative; left: -2px; z-index: 0;"><input type="text" id="location_selector_ciudad" value="Barcelona" /> <small><a id="location_selector_ciudad_cambiar" href="javascript:;">[cambiar]</a></small></p>
				<p class="boton secundario grande l"><input type="submit" value="buscar" /></p>
			</form>
		</div> <!-- cerrar buscar //-->

	<div class="page">

<!-- columna de contenido lateral //-->
		<div class="c-320">
			<!--  TODO: hay 4 clases de tarjetas: default, member, premium, vip -->
			<div id="tarjeta" class="premium">
				<div id="front" style="background: #333 url(images/pans/tarjeta/tarjeta_front.png) 0 0 no-repeat;">
					<div class="t-content">
						<div class="t-anunciante">
							<div class="t-anunciante-logo" style="background: url(images/pans/pans-logo-thumb.png) 0 0 no-repeat;"></div>
							<h5 class="t-anunciante-nombre">Pans &amp; Fans <span>Barcelona</span></h5>
						</div> <!-- cerrar t-anunciante //-->
						<div class="t-usuario">
							<div class="estrella"></div>
							<p class="t-usuario-nombre">Philipp Marquardt</p>
							<p class="t-usuario-status"><span>PREMIUM</span></p>
						</div> <!-- cerrar t-usuario //-->			
					</div> <!-- cerrar t-content //-->
				</div> <!-- cerrar front //-->

				<!-- BOTON CONETCTAR /-->
				<!-- div class="qporama-connect">
					<p><a href="/distribution/connectuser/?advertiser_id=21">conéctate a esta tarjeta</a></p>
				</div //-->

				<!-- PUNTOS ACUMULADOS /-->
				<div class="puntos-acumulados">
					<p>tienes <span class="num-puntos">125</span> puntos</p>
				</div>
	
	
				<!-- VERSO DE LA TARJETA /-->	
				<div id="back">
					<div class="t-content">
						<p class="peque r50 loyaltylink"><a href="loyalty.html">[Cómo consigo puntos]</a></p>
						<div class="popup">
							<div class="row member"><div class="estrella"></div><p class="pqarial">por conectarte <span class="tick"></span></p></div>
							<div class="row premium"><div class="estrella"></div><p class="pqarial"><span class="numero">100</span> puntos<span class="tick"></span></p></div>
							<div class="row vip"><div class="estrella"></div><p class="pqarial"><span class="numero">200</span> puntos<span class="tick"></span></p></div>
						</div>
						<p class="micro">Pans &amp; Fans </p>
					</div> <!-- cerrar t-content //-->
				</div>
	
				<div id="info">i</div>	<div id="volver">&lt;</div>		
				<div class="marco"><span class="resplandor"></span><span class="resplandor extra"></span></div>

				<!-- COMPARTIR //-->
				<p class="sharetrigger small" onclick="$('#st-tarjeta').fadeIn('slow');"><a href="#"><span>[compartir]</span></a></p>
				<!-- tooltip element -->
					<div class="sharetip" id="st-tarjeta">
						<div class="caja c140 fl-arriba der">
							<div class="content">
								<p><small class="soft">Comparte esta tarjeta</small></p>
			
								<div class="shareoptions">
								<!-- AddThis Button BEGIN -->
									<div class="addthis_toolbox"> <!-- addthis_default_style" -->
										<p><a class="addthis_button_facebook_like" fb:like:layout="button_count" adthis:url="" addthis:title=""></a></p>
										<p><a class="addthis_button_tweet" tw:count="horitzontal" adthis:url="" addthis:title=""></a></p>
										<p><a class="addthis_button_googlebuzz" adthis:url="" addthis:title="">Google BUZZ</a></p>
										<p><a class="addthis_button_email" adthis:url="" addthis:title="" href="#">enviar e-mail</a></p>
			
									</div>
									<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d00f6fb66eae57a"></script>
									<!-- AddThis Button END -->
											
								</div> <!-- cerrar shareoptions //-->
							</div>
							<div class="cierre"></div>
						</div> <!-- cerrar caja //-->
						<!-- p class="thecloser"><a title="cerrar" class="close-comp" href="#"><span>cerrar</span></a></p //-->
			
					</div> <!-- cerrar sharetip //-->
				<!-- CERRAR COMPARTIR //-->

			</div> <!-- cerrar #tarjeta //-->

<!-- aqui se ponen los modulos de la izquierda -->

<!-- cajita info de la tarjeta -->
		<div class="caja c320 f1f1f1 fl-arriba card-info">
			<div class="content">
				<p class="peque"><a href="">Comer y beber</a><br /><span class="micro">Categoría</span></p>
				<p class="peque"><span class="numero">1526</span><br /><span class="micro">Conectados</span></p>
				<p><span class="comentarios"><a href="">56</a></span><br /><span class="micro">Comentarios</span></p>
			</div>
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->

<!-- cerrar columna de 320px de ancho //-->
	</div>


<!-- columna de contenido principal //-->
		<div class="c-620">

<!--	caja de cabecera de contenido. puede variar en cada pagina //-->
			<div class="caja c620 f1f1f1 unido-top">
				<div class="content">
					<h2 class="titulo-principal">Pans &amp; Fans</h2>
					<p class="soft">Barcelona <small style="position: relative; z-index: 1500;"><a href="#mapa">[ver mapa]</a></small></p>

<!--			root element for scrollable -->
					<div class="scrollable unido-bot" id="chained">
<!--				root element for the items -->
						<div class="items">
<!--					ELEMENT 1   -->
							<div>
<!--						caja oferta fondo blanco //-->
								<div class="caja c620 unido-bot oferta_index">
									<div class="content">
										<div class="no_scroll">
											<div class="pics">
												<img src="images/pans/ofertas/menu-tentacion/menu-tentacion-2-gr.jpg" alt="" width="220" height="220" /><span class="cornersfff"></span>
											</div>
										</div> <!-- cerrar no_scroll //-->
										<div class="ofertacontent">
											<h1 class="oferta">2x1 Pans &amp; Company. Llévate tu segundo bocadillo gratis.</h1>
											<div class="price-buy">
												<p class="price">
													<!-- span class="desde">desde</span //-->
													<strong>3 €</strong>
												</p>
												<div class="buy">
													<p class="boton primario grande">
														<a href="javascript:;" class="checkout_trigger">compra ya</a>
													</p>
												</div> <!-- cerrar buy //-->
											</div> <!-- cerrar price_buy //-->
											<div class="counter-discount">
												<div class="contador">
													<div id="defaultCountdown"></div>
													<small class="micro counter-title">la oferta caduca en:</small>
												</div> <!-- cerrar contador //-->
												<div class="discount">
													<div class="hasCountdown">
														<span class="countdown_row countdown_show3">
															<span class="countdown_section">
																<span class="countdown_amount">6 €</span>
																<br />VALOR REAL
															</span>
															<span class="countdown_section">	
																<span class="countdown_amount">50 %</span>
																<br />DESCUENTO <!--small class="micro counter-title">HASTA</small //-->
															</span>
															<span class="countdown_section">
																<span class="countdown_amount">3 €</span>
																<br />AHORRO <!--small class="micro counter-title">HASTA</small //-->
															</span>
														</span>
													</div>
												</div> <!-- cerrar discount //-->
											</div> <!-- cerrar counter-discount //-->
											<p class="oferta-detalles">
												<small><strong>Detalles</strong><br />Paga uno y llevate dos, por el pago de cualquier bocadillo Pans &amp; Company<br /><a href="#detalles-oferta">[leer más]</a></small>
											</p>
										</div> <!-- cerrar ofertacontent //-->
										<div class="clear">&nbsp;</div>
						
<!--								COMPARTIR //-->
										<p class="sharetrigger small" onclick="$('.st-oferta').fadeIn('slow');"><a href="#">[compartir]</a></p>
<!--								tooltip element -->
										<div class="sharetip st-oferta">
											<div class="caja c140 fl-abajo">
												<div class="content">
													<p><small class="soft">Comparte esta oferta</small></p>
													<div class="shareoptions">
													<!-- AddThis Button BEGIN -->
														<div class="addthis_toolbox"> <!-- addthis_default_style" -->
															<p><a class="addthis_button_facebook_like" fb:like:layout="button_count" adthis:url="" addthis:title=""></a></p>
															<p><a class="addthis_button_tweet" tw:count="horitzontal" adthis:url="" addthis:title=""></a></p>
															<p><a class="addthis_button_googlebuzz" adthis:url="" addthis:title="">Google BUZZ</a></p>
															<p><a class="addthis_button_email" adthis:url="" addthis:title="" href="#">enviar e-mail</a></p>
														</div>
														<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d00f6fb66eae57a"></script>
														<!-- AddThis Button END -->		
													</div> <!-- cerrar shareoptions //-->
												</div>
												<div class="cierre"></div>
											</div> <!-- cerrar caja //-->
										</div> <!-- cerrar sharetip //-->
									</div> <!-- cerrar content //-->
									<div class="cierre"></div>
								</div> <!-- cerrar caja //-->
							</div>
<!-- /				ELEMENT 1 -->
	    		</div> <!-- cerrar .items //-->
<!--		cerrar .scrollable //-->
    		</div>

<!--		se cierra la caja gris de navegacion del slide de ofertas  //-->
				<p><a class="prev browse left"></a> <a class="next browse right"></a></p>
				<!-- wrapper for navigator elements -->
				<div class="navi mod_navi"></div>
			</div>
			<div class="cierre"></div>
<!-- cerrar caja //-->
		</div>


<!--	TABS de Navegacion //-->
		<ul class="tarjeta-tabmenu">
			<li class="tab"><a title="Ver el Feed de ofertas, avisos y eventos de esta tarjeta" href="#"><span>Feed</span></a></li>
			<li class="tab"><a title="Ver quienes somos" href="#"><span>Quienes Somos</span></a></li>
			<li class="tab active"><span>Loyalty Program</span></li>
			<li class="tab"><a title="Ver donde estan nuestros establecimientos" href="#"><span>Establecimientos</span></a></li>
		</ul>

		<div class="caja c620">
			<div class="content loyalty">
				<h2 class="titulo-principal">Con nuestros cupones saldrás ganando</h2>

				<div class="intro">
					<p class="peque">
						Valida cupones y consigue puntos para acceder a nuestras fantásticas ofertas. Praesent aliquam venenatis justo in ultrices.
						<br /><a title="" href="#comoconsigo" class="small">[como consigo y valido cupones]</a>
					</p>
				</div> <!-- cerrar .intro //-->


				<div class="loyalty-cupones">

					<ul class="mispromociones-list">

						<li class="lapromocion conseguida">
							<div class="pasos">
								<p class="bolitas apiladas"><small>10</small></p>
							</div> <!-- /.pasos -->						
							<div class="descripcion-listado">
								<span class="corners w70px l"><img src="images/pans/ofertas/menu-vegetal/menu-vegetal-thumb.jpg" alt="" /><span class="cornersall"></span></span>									
								<h3 class=""><a title="ver detalles de esta oferta" href="#">Menú Tentación Vegetal 2x1</a></h3>
								<p>Bocadillo de beicon, café con leche grande o té.</p>
								<p class="linkbutton small"><a href="#">[tiendas participantes]</a></p>
							</div> <!-- /.descripcion -->
							<p class="buybutton"><a title="Haz clic para imprimir" href="http://www.runroom.com/" class="peque microbot">imprimir</a></p>
							<div class="compartir">
								<p>
									<a title="comparte esta oferta en facebook" href="#" class="facebook"><span>facebook</span></a>
									<a title="comparte esta oferta en twitter" href="#" class="twitter"><span>twitter</span></a>
									<a title="comparte esta oferta por e-mail" href="#" class="e-mail"><span>e-mail</span></a>
								</p>
							</div> <!-- /.compartir -->								
						</li> <!-- /.lapromocion -->

						<li class="lapromocion">
							<div class="pasos">
								<p class="bolitas">
									<span class="activada"><b>√</b></span>
									<span><b>0</b></span>
									<span><b>0</b></span>
									<span><b>0</b></span>
									<span><b>0</b></span>
								</p>
								<p class="necesitas small xtrasoft">valida 5 cupones para acceder a esta oferta</p>
							</div> <!-- /.pasos -->						
							<div class="descripcion-listado">
								<span class="corners w70px l"><img src="images/pans/ofertas/menu-vegetal/menu-vegetal-thumb.jpg" alt="" /><span class="cornersall"></span></span>									
								<h3 class=""><a title="ver detalles de esta oferta" href="#">Menú Tentación Vegetal 2x1</a></h3>
								<p>Bocadillo de beicon, café con leche grande o té.</p>
								<p class="linkbutton small"><a href="#">[tiendas participantes]</a></p>
							</div> <!-- /.descripcion -->									
							<div class="compartir">
								<p>
									<a title="comparte esta oferta en facebook" href="#" class="facebook"><span>facebook</span></a>
									<a title="comparte esta oferta en twitter" href="#" class="twitter"><span>twitter</span></a>
									<a title="comparte esta oferta por e-mail" href="#" class="e-mail"><span>e-mail</span></a>
								</p>
							</div> <!-- /.compartir -->								
						</li> <!-- /.lapromocion -->
	
	
						<li class="lapromocion">
							<div class="pasos">
								<p class="bolitas">
									<span class="activada"><b>√</b></span>
									<span><b>0</b></span>
									<span><b>0</b></span>
									<span><b>0</b></span>
									<span><b>0</b></span>
								</p>
								<p class="necesitas small xtrasoft">valida 5 cupones para acceder a esta oferta</p>
							</div> <!-- /.pasos -->						
							<div class="descripcion-listado">
								<span class="corners w70px l"><img src="images/pans/ofertas/menu-vegetal/menu-vegetal-thumb.jpg" alt="" /><span class="cornersall"></span></span>									
								<h3 class=""><a title="ver detalles de esta oferta" href="#">Menú Tentación Vegetal 2x1</a></h3>
								<p>Bocadillo de beicon, café con leche grande o té.</p>
								<p class="linkbutton small"><a href="#">[tiendas participantes]</a></p>
							</div> <!-- /.descripcion -->									
							<div class="compartir">
								<p>
									<a title="comparte esta oferta en facebook" href="#" class="facebook"><span>facebook</span></a>
									<a title="comparte esta oferta en twitter" href="#" class="twitter"><span>twitter</span></a>
									<a title="comparte esta oferta por e-mail" href="#" class="e-mail"><span>e-mail</span></a>
								</p>
							</div> <!-- /.compartir -->								
						</li> <!-- /.lapromocion -->
	
	
					</ul> <!-- /.mispromociones-list -->

<!--		cerrar .loyalty-cupones //-->
				</div>

<!-- COMO CONSIGO PUNTOS //-->
				<div class="comoconsigo-lista" id="comoconsigo">	
					<h3 class="boxtitle">¿Como consigo y valido cupones?</h3>
					<ul class="valida-cupones">
						<li class="pqarial"><strong>1. Compra en nuestra tienda</strong> Si compras un producto con un valor superior a 10 € en nuestra tienda, te regalamos un cupon.</li>
						<li class="pqarial"><strong>2. Conectate a esta web</strong> Con el cupon a mano, conectate a qporama con tu usuario y palabra clave.</li>
						<li class="pqarial"><strong>3. Introduce el número del cupon</strong> Introduce el número que sale en el cupon en el <a href="#">campo previsto</a>.</li>
					</ul>
				</div> <!-- cerrar .comoconsigo-lista //-->


			</div> <!-- cerrar content //-->

			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->
		


		</div><!-- cerrar columna //-->
	
		<div class="clear"></div>
	
	</div><!-- cerrar page //-->

	<div id="gototop"><p><a href="#top">volver arriba</a></p></div>

</body>
</html>